<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
        <title>直播后台 - 用户管理</title>
		
		<!-- Favicon -->
        <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

		<!-- Bootstrap CSS -->
        <link rel="stylesheet" href="http://cdn.bootstrapmb.com/bootstrap/4.3.1/css/bootstrap.min.css">
		
		<!-- Fontawesome CSS -->
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
		
		<!-- Feathericon CSS -->
        <link rel="stylesheet" href="assets/css/feathericon.min.css">
		
		<!-- Main CSS -->
        <link rel="stylesheet" href="assets/css/style.css">
		
		<!--[if lt IE 9]>
			<script src="assets/js/html5shiv.min.js"></script>
			<script src="assets/js/respond.min.js"></script>
		<![endif]-->
    </head>
    <body>
		
		<!-- Main Wrapper -->
        <div class="main-wrapper">
		
			<!-- Header -->
            <div class="header">
			
				<!-- Logo -->
                <div class="header-left">
                    <a href="index.html" class="logo">
						<img src="assets/img/logo.png" alt="Logo">
					</a>
					<a href="index.html" class="logo logo-small">
						<img src="assets/img/logo-small.png" alt="Logo" width="30" height="30">
					</a>
                </div>
				<!-- /Logo -->
				
				<a href="javascript:void(0);" id="toggle_btn">
					<i class="fe fe-text-align-left"></i>
				</a>
				
				<div class="top-nav-search">
					<form>
						<input type="text" class="form-control" placeholder="Search here">
						<button class="btn" type="submit"><i class="fa fa-search"></i></button>
					</form>
				</div>
				
				<!-- Mobile Menu Toggle -->
				<a class="mobile_btn" id="mobile_btn">
					<i class="fa fa-bars"></i>
				</a>
				<!-- /Mobile Menu Toggle -->
				
				<!-- Header Right Menu -->
				<ul class="nav user-menu">
					<!-- User Menu -->
					<li class="nav-item dropdown has-arrow">
						<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">
							<span class="user-img"><img class="rounded-circle" src="assets/img/profiles/avatar-01.jpg" width="31" alt="Ryan Taylor"></span>
						</a>
						<div class="dropdown-menu">
							<div class="user-header">
								<div class="avatar avatar-sm">
									<img src="assets/img/profiles/avatar-01.jpg" alt="User Image" class="avatar-img rounded-circle">
								</div>
								<div class="user-text">
									<h6>admin</h6>
									<p class="text-muted mb-0">超级管理员</p>
								</div>
							</div>
							<a class="dropdown-item" href="profile.html">修改资料</a>
							<a class="dropdown-item" href="login.html">退出登录</a>
						</div>
					</li>
					<!-- /User Menu -->
					
				</ul>
				<!-- /Header Right Menu -->
				
            </div>
			<!-- /Header -->
			
			<!-- Sidebar -->
            <div class="sidebar" id="sidebar">
                <div class="sidebar-inner slimscroll">
            		<div id="sidebar-menu" class="sidebar-menu">
            			<ul>
            				<li> 
            					<a href="index.html"><i class="fe fe-home"></i> <span>主面板</span></a>
            				</li>
            				<li class="active">
            					<a href="user.html"><i class="fe fe-user-plus"></i> <span>用户管理</span></a>
            				</li>
            				
            				<li> 
            					<a href="/"><i class="fe fe-document"></i> <span>直播间管理</span></a>
            				</li>
            				<li>
            					<a href="/"><i class="fe fe-vector"></i> <span>礼物管理</span></a>
            				</li>
            				<li>
            					<a href="/"><i class="fe fe-cart"></i> <span>订单管理</span></a>
            				</li>
            				<li>
            					<a href="/"><i class="fe fe-table"></i> <span>管理员管理</span></a>
            				</li>
            
            			
            			</ul>
            		</div>
                </div>
            </div>
			<!-- /Sidebar -->
			
			<!-- Page Wrapper -->
            <div class="page-wrapper">
                <div class="content container-fluid">
				
					<div class="page-header">
						<div class="row align-items-center">
							<div class="col">
								<h3 class="page-title">用户管理</h3>
								<ul class="breadcrumb">
									<li class="breadcrumb-item"><a href="index.html">后台首页</a></li>
									<li class="breadcrumb-item active">用户管理</li>
								</ul>
							</div>
						</div>
					</div>
				
					<div class="row">
						<div class="col-sm-12">
						
							<div class="card card-table">
								<div class="card-header">
									<button type="button" class="btn btn-outline-primary">创建</button>
								</div>
								<div class="card-body">
									<div class="table-responsive">
										<table class="table table-hover table-center mb-0">
											<thead>
												<tr>
													<th>用户</th>
													<th>金币</th>
													<th width="120">注册时间</th>
													<th class="text-center" width="100">操作</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>
														<h2 class="table-avatar">
															<a href="profile.html" class="avatar avatar-sm mr-2"><img class="avatar-img rounded-circle" src="assets/img/profiles/avatar-03.jpg" alt="User Image"></a>
															<a href="profile.html">ceshi1 <span>#0001</span></a>
														</h2>
													</td>
													<td>76</td>
													<td>2020-05-21</td>
													<td class="text-right">
														<div class="actions">
															<a href="#" class="btn btn-sm bg-success-light mr-2">
																<i class="fe fe-pencil"></i> 修改
															</a>
															<a href="#" class="btn btn-sm bg-danger-light">
																<i class="fe fe-trash"></i> 删除
															</a>
														</div>
													</td>
												</tr>
												<tr>
													<td>
														<h2 class="table-avatar">
															<a href="profile.html" class="avatar avatar-sm mr-2"><img class="avatar-img rounded-circle" src="assets/img/profiles/avatar-03.jpg" alt="User Image"></a>
															<a href="profile.html">ceshi1 <span>#0001</span></a>
														</h2>
													</td>
													<td>76</td>
													<td>2020-05-21</td>
													<td class="text-right">
														<div class="actions">
															<a href="#" class="btn btn-sm bg-success-light mr-2">
																<i class="fe fe-pencil"></i> 修改
															</a>
															<a href="#" class="btn btn-sm bg-danger-light">
																<i class="fe fe-trash"></i> 删除
															</a>
														</div>
													</td>
												</tr>
												<tr>
													<td>
														<h2 class="table-avatar">
															<a href="profile.html" class="avatar avatar-sm mr-2"><img class="avatar-img rounded-circle" src="assets/img/profiles/avatar-03.jpg" alt="User Image"></a>
															<a href="profile.html">ceshi1 <span>#0001</span></a>
														</h2>
													</td>
													<td>76</td>
													<td>2020-05-21</td>
													<td class="text-right">
														<div class="actions">
															<a href="#" class="btn btn-sm bg-success-light mr-2">
																<i class="fe fe-pencil"></i> 修改
															</a>
															<a href="#" class="btn btn-sm bg-danger-light">
																<i class="fe fe-trash"></i> 删除
															</a>
														</div>
													</td>
												</tr>
												
												
												
												
											</tbody>
										</table>
									</div>
								</div>
								
								<div class="card-footer d-flex justify-content-center">
									<ul class="pagination">
																				<li class="page-item">
																					<a class="page-link" href="#" aria-label="Previous">
																						<span aria-hidden="true">«</span>
																						<span class="sr-only">Previous</span>
																					</a>
																				</li>
																				<li class="page-item"><a class="page-link" href="#">1</a></li>
																				<li class="page-item"><a class="page-link" href="#">2</a></li>
																				<li class="page-item"><a class="page-link" href="#">3</a></li>
																				<li class="page-item">
																					<a class="page-link" href="#" aria-label="Next">
																						<span aria-hidden="true">»</span>
																					<span class="sr-only">Next</span>
																					</a>
																				</li>
																			</ul>
								</div>
							</div>
							
						</div>					
					</div>					
				</div>			
			</div>
			<!-- /Page Wrapper -->
			
        </div>
		<!-- /Main Wrapper -->
		
		<!-- jQuery -->
        <script src="assets/js/jquery-3.2.1.min.js"></script>
		
		<!-- Bootstrap Core JS -->
        <script src="assets/js/popper.min.js"></script>
        <script src="http://cdn.bootstrapmb.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
		
		<!-- Slimscroll JS -->
        <script src="assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
		
		<!-- Custom JS -->
		<script src="assets/js/script.js"></script>
    </body>
</html>
